*{
	margin:0;
	padding:0;
	font-size:16px;
}
a{
	text-decoration:none!important;
	color: black;
}
li{
	list-style: none;
}
input{
	outline-style: none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.fc{
	clear: both;
}
.Header{
	background-color:#2C3038;
}
.HeaderBox{
	padding:15px 0;
	width:1200px;
	margin:0 auto;
}
.HBox{
	margin-right:25px;
	display: flex;
	align-items: center; 
}
.Ht1{
	display: inline-block;
	height:20px;
	width:20px;
	background: url(../images/phone.png) no-repeat;
	background-size:contain;
}
.Ht3{
	display: inline-block;
	height:20px;
	width:20px;
	background: url(../images/diqiu.png) no-repeat;
	background-size:contain;
}
.Ht2{
	display: inline-block;
	height:20px;
	width:20px;
	background: url(../images/email.png) no-repeat;
	background-size:contain;
}
.HTxt{
	margin-left:10px;
	color:white;
	font-size: 14px;
}
.HBox1{
	padding:15px 0;
	text-align: center;
	width:50%;
	display: flex;
	align-items: center; 
	justify-content: center;
	font-size: 14px;
}
.HBox2{
	padding:15px 0;
	width:100%;
	display: flex;
	align-items: center; 
	justify-content: center;
	font-size: 14px;
}
.Nav{
	width:100%;
	z-index:999;
	background-color: #001970;
}
.NavBox{ 
	position: relative;
	padding:25px 15px;
	width:1200px;
	margin:0 auto;
}
.Logo img{
	height:50px;
	width:260px;
}
.NavMain{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding:14px;
	margin:0;
}
.NavMain a{
	float: left;
}
.NavMain li{
	margin:0 20px;
	color: white;
	transition: all .5s;
}
.NavMain li:hover{
	color:#00A0E9;
}
.CallMe{
	display: flex;
	align-items: center; 
	justify-content: center;
	width:140px;
	height:50px;
	box-sizing: border-box;
	text-align: center;
	background-color: #48C7EC;
	color:white;
	transition: all .5s;
}
.CallMe b{
	font-size:14px;
}
.CallMe:hover{
	background-color: #001970;
	border:2px solid #48C7EC;
	color:#48C7EC;
}
.NavBox1{
	border-top: 1px solid #354478;
	box-sizing: border-box;
	padding:15px 15px 0;
}
.Logo1{
	padding:0px;
	margin-bottom:20px;
}
.Logo1 img{
	width:100%;
}
.NavSet{
	margin:15px 0;
}
.NavSet span{
	display: block;
	margin-bottom:4px;
	padding:0px 14px;
	border-bottom: 2px solid #46C2E8;
}
.CallMe1{
	display: flex;
	align-items: center; 
	justify-content: center;
	width:130px;
	height:50px;
	box-sizing: border-box;
	text-align: center;
	background-color: #48C7EC;
	color:white;
	transition: all .5s;
}
.CallMe1 b{
	font-size:12px;
}
.NavMain1{
	display: none;
}
.NavMain1 li{
	box-sizing: border-box;
	padding:12px 15px;
	border-bottom:2px solid #6C7AAA;
	color:white;
}
.NavMain1 .NMF{
	border-top:2px solid #6C7AAA;
	color:white;
}
.sw1 img{
	display: block;
	width:100%;
}
.content{
	width:100%;
}
.PBox{
	padding:0;
}
.part1{
	margin: 0 auto;
	float: none;
}
.P1Name{
	padding:50px;
	text-align: center;
}
.P1Box{
	margin-bottom:30px;
	overflow:hidden;
	position: relative;
}
.P1Box img{
	max-width: 100%;
	width:100%;
}
.P1box{
	transition: all .5s;
	width:100%;
	height:100%;
	padding:0 15px;
	position: absolute;
	top:75%;
	left:0;
}
.P1L{
	display: flex;
	justify-content: center;
	background-color: #00A0E9;
	height:100%;
	width:18%;
	box-sizing: border-box;
	padding:10px;
}
.P1L img{
	width:40px;
	height:40px;
}
.P1R{
	height:100%;
	padding:0 20px;
	width:82%;
	background-color: rgba(0,0,0,.8);
}
.P1Txt1{
	line-height:60px;
	font-size:20px;
	color: white;
}
.P1Txt2{
	font-size:16px;
	color: white;
}
.P1Box:hover .P1box{
	top: 0;
}
.P1Box:hover .P1L{
	align-items: center; 
}
.P1Box:hover .P1Txt1{
	margin-top:40px;
	color:#48C7EC;
}
.part2Box{
	background-color: #F7F7F7;
}
.part2{
	height:350px;
	margin: 0 auto;
	float: none;
}
.P2B1{
	padding:40px 15px;
	height:100%;
	border-right: 1px solid #E8E8E8;
}
.P2Txt2{
	margin-top:50px;
	margin-bottom:0;
	line-height:25px;
	color:#8B8B8B;
}
.P2More span b{
	color:#48C7EC;
	font-size:14px;
}
.P2More:hover{
	color:#48C7EC;
}
.P2Tb{
	height:50px;
	width:50px;
	display:block;
	margin: 0 auto;
}
.P2T1{
	background: url(../images/9F027B80-AB00-484B-870E-D07A660F2B99.png) no-repeat;
	background-size: contain;
}
.P2B2{
	background-color: #F7F7F7;
	padding:40px;
	height:100%;
	position: relative;
	border-right: 1px solid #E8E8E8;
}
.P2B{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.P2Txt3{
	width:100%;
	font-size:20px;
}
.P2B2:hover .P2BShow{
	height: 100%;
	opacity: 1;
}
.P2BShow{
	opacity: 0;
	transition: all .5s;
	background-color: #48C7EC;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 0%;
	text-align: center;
}
.P2T2{
	background: url(../images/9F027B80-AB00-484B-870E-D07A660F2B99.png) no-repeat;
	background-size: contain;
	margin-top:15%;
}
.P2Txt4{
	color:white;
	font-size:20px;
}
.P2Txt5{
	margin-top:30px;
	color:white;
}
.P2Txt6{
	display: block;
	margin-top:50px;
	color:white;
}
.part3{
	margin: 0 auto;
	float: none;
	border-bottom: 1px solid #F7F7F7;
}
.P3Txt1{
	padding:50px;
	text-align: center;
}
.P3Txt2{
	margin-bottom:15px;
	font-size:18px;
}
.P3Txt4{
	background-color: #48C7EC;
	color: white;
	font-size:14px;
	padding:20px 35px;
	margin-right:50px;
}
.P3B1{
	margin-bottom: 50px;
}
.P3B2{
	border: 1px solid #F7F7F7;
}
.P3Box{
	padding:15px 30px;
}
.P3Box:first-child{
	border-bottom: 1px solid #F7F7F7;
}
.P3BSH{
	display: block;
	height:30px;
	width:30px;
	background: url(../images/right.png) no-repeat;
	background-size: contain;
}
.P3BSS{
	display: none;
	height:25px;
	width:25px;
	background: url(../images/bottom.png) no-repeat;
	background-size: contain;
}
.P3BoxShow{
	display: none;
	padding:20px 0;
}
.P3BoxShow p{
	color:#848484;
}
.part4{
	padding: 50px 0 0;
}
.P4Box{
	padding:10px 0;
	margin-bottom:50px;
	text-align: center;
	background-color: #F7F7F7;
}
.P4Line{
	display: inline-block;
	height: 1px;
	width:60px;
	background-color:#48C7EC;
}
.P4Txt1{
	margin:0;
	font-size:35px;
}
.P4Txt1 span{
	font-size:35px;
}
.P4Txt2{
	font-size:20px;
}
.part5Box{
	background-color: #222222;
}
.P3Txt1{
	color: white;
}
.sw2Box{
	position: relative;
	margin-top: 5px;
	padding: 30px;
	padding-right: 50px;
	background: #2a2a2a;
	transition: .5s ease;
}
.sw2Box i{
	display: block;
	width: 50px;
	height: 50px;
	pointer-events: none;
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	background: white;
	background: linear-gradient(315deg, #222 45%, #333 50%, #333333 56%, #333 80%);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height;
}
.P5Txt{
	margin-left:20px;
}
.P5Txt1{
	font-size:20px;
	color:white;
}
.P5Txt2{
	font-size:16px;
	color:#48C7EC;
}
.P5Txt3{
	margin-top:20px;
	font-size:16px;
	color:#848484;
}
.swiper2{
	margin-bottom:50px;
}
.part6{
	padding-top:50px;
}
.part6B1{
	margin-bottom:50px;
}
.P6Txt1{
	margin-bottom:50px;
}
.P6Txt2{
	color: #848484;
	line-height:25px;
}
.P6Txt3{
	font-size:14px;
	color:#48C7EC;
}
}
.swiper3{
	margin-bottom:50px;
}
.sw3 img{
	display: block;
	width:100%;
}
.part7{
	border-bottom: 1px solid #F4F4F4;
}
.P7B{
	margin-bottom:50px;
}
.P7B img{
	width:100%;
}
.P7Name{
	text-align: center;
	padding:50px;
}
.P7Txt{
	border: 1px solid #F4F4F4;
	padding:20px 25px;
}
.P7Txt1{
	font-size:18px;
}
.P7Txt2{
	margin:0;
	color: #848484;
}
.P8Title{
	padding:0 15px;
	position:relative;
	padding-top:50px;
}
.P7Box:hover .P7B{
    box-shadow: 0 15px 16px 0 rgba(0, 0, 0, 0.03), 0 0px 82px 0 rgba(0, 0, 0, 0.02);
    transition: .2s cubic-bezier(0.4, 0, 1, 1);
}
.swiper4{
	position: relative;
}
.P8Button{
	position: absolute;
	right:0;
	top:auto;
	bottom:0;
}
.sw4Botton{
	position:relative;
	margin-left:50px;
	outline-style: none;
}
.swiper4{
	margin-top:50px;
	margin-bottom:50px;
}
.sw4 img{
	width:100%;
}
.end{
	background-color: #222222;
}
.endBox{
	padding-top:50px;
}
.endB{
	margin-bottom:50px;
}
.endB img{
	margin-bottom:40px;
}
.endTxt1{
	color:#848484;
}
.endTxt2{
	margin-top:30px;
	color:#48C7EC;
}
.endbox{
	margin-top:60px;
}
.endTxt3{
	color:#848484;
	font-size:24px;
}
.endTxt4{
	margin-left:10px;
	color:#848484;
	font-size:16px;
}
.endTxt5{
	margin-left:10px;
	color:#848484;
	font-size:16px;
}
.endb{
	display: flex;
	align-items: center;
	margin-bottom:10px;
}
.endD{
	transition: all .5s;
	display: inline-block;
	height:5px;
	width:5px;
	background-color:#848484;
}
.endb:hover .endD{
	background-color:#48C7EC;
}
.endb:hover .endTxt4{
	color:#48C7EC;
}
.endtb1{
	height:20px;
	width:20px;
	display: inline-block;
	background: url(../images/phone.png) no-repeat;
	background-size: contain;
}
.Tend{
	background-color: #1D1D1D;
	padding:30px 0 0;
}
.TendBL{
	margin-bottom:30px;
	color:#848484;
}
.TendBR{
	margin-bottom:30px;
	text-align: right;
}
.TendBR a{
	color:#848484;
}
.fixd{
	z-index:999;
	display: none;
	position: fixed;
	right:3%;
	bottom:10%;
	height:40px;
	width:40px;
	background-color:#48C7EC;
}
.fixd img{
	display: block;
	width:100%;
	transform: rotate(270deg);
}